<!DOCTYPE html>
<html>
	<head>
	  <meta charset="utf-8">
	  <title>test</title>
	  <meta name="renderer" content="webkit">
	  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
	  <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
	  <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
	  <link rel="stylesheet" href="../../layuiadmin/style/login.css" media="all">
	  	<!-- 滑动条-->
	  <link rel="stylesheet" href="../../public/plugins/rangeslider/rangeslider.css" />
	  <link rel="stylesheet" href="../../public/res/css/g.css" media="all">
	  <link rel="stylesheet" href="../../public/res/css/pGis.css" media="all">
	 
	  
	  <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=40GWXiduhOft266lK4N1dopL"></script>
	</head>
	<body>
		<div class="content">
			<div class="layui-row layui-col-space1 par-box" id="pgis_app">
				<div class="left_box">
					<div class="case_grid_box">
						<button class="layui-btn layui-btn-normal hide"  name="searBtn1"><i class="zkuasgm-icon">&#xe626;</i></button>
						<button class="layui-btn layui-btn-fluid layui-btn-normal" title="已选择6个网格" name="searBtn1"><span class="text">选择网格</span><span class="layui-badge">6</span></button>
					</div>
					<div class="gridbox">
						<div class="layui-col-md1 toolbar">
							<ul>
								<li class="active" target-name="common"><i class="zkuasgm-icon">&#xe63d;</i>
									<p>常用功</p>
								</li>
								<li target-name="search"><i class="zkuasgm-icon">&#xe60c;</i>
									<p>搜索</p>
								</li>
								<li target-name="maptool"><i class="zkuasgm-icon">&#xe60e;</i>
									<p>地图工具</p>
								</li>
							</ul>
						</div>
						<!-- 左1 -->
						<div class="layui-col-md2 box-l" id="move-left">
							<div class="grid-demo grid-demo-bg1">
								<div class=" hide" id="search">
									<div class="list-hd">
										<div class="layui-tab  layui-tab-card zk-tab-one">
											<ul class="layui-tab-title">
												<li class="layui-this">业务</li>
												<li>地址</li>
												<li>兴趣点</li>
											</ul>
											<div class="layui-tab-content">
												<div class="layui-tab-item layui-show">
													<div class="mysearch-box">
														<ul>
															<li>
																<div class="layui-row layui-col-space5">
																	<div class="layui-col-md12">
																		<button class="layui-btn layui-btn-fluid layui-btn-primary" title="已选择99个业务" id="searBtn2">业务<span class="layui-badge layui-bg-blue">99+</span></button>
																	</div>
																</div>
															</li>
															<li>
																<div class="layui-inline">
																	<input class="layui-input" name="id" id="test-table-demoReload" autocomplete="off" size="20">
																</div>
																<button class="layui-btn layui-btn-normal" data-type="reload">搜索</button>
															</li>
														</ul>
													</div>
												</div>
												<!-- 2 -->
												<div class="layui-tab-item">
													<div class="mysearch-box">
														<ul>
															<li>
																<div class="layui-row layui-col-space5">
																	<div class="layui-col-md12">
																		<button class="layui-btn layui-btn-fluid layui-btn-primary" title="已选择99个业务" id="searBtn2">业务2<span class="layui-badge layui-bg-blue">99+</span></button>
																	</div>
																</div>
															</li>
															<li>
																<div class="layui-inline">
																	<input class="layui-input" name="id" id="test-table-demoReload" autocomplete="off" size="20">
																</div>
																<button class="layui-btn layui-btn-normal" data-type="reload">搜索</button>
															</li>
														</ul>
													</div>
												</div>
												<!-- 3 -->
												<div class="layui-tab-item">
													<div class="mysearch-box">
														<ul>
															<li>
																<div class="layui-row layui-col-space5">
																	<div class="layui-col-md12">
																		<button class="layui-btn layui-btn-fluid layui-btn-primary" title="已选择99个业务" id="searBtn2">业务3<span class="layui-badge layui-bg-blue">99+</span></button>
																	</div>
																</div>
															</li>
															<li>
																<div class="layui-inline">
																	<input class="layui-input" name="id" id="test-table-demoReload" autocomplete="off" size="20">
																</div>
																<button class="layui-btn layui-btn-normal" data-type="reload">搜索</button>
															</li>
														</ul>
													</div>
												</div>
		
											</div>
										</div>
		
										<div>
											<form class="result-box">
												<span>搜索结果<i class="count">142</i></span>
											</form>
										</div>
										<form class="layui-form" action="">
											<div class="layui-form-item">
												<div class="search_resuit_filter_box">
													<select name="city" lay-verify="required">
														<option value="0">全部(142)</option>
														<option value="1">刑事案件(30)</option>
														<option value="2">危害国防(19)</option>
														<option value="3">案件(51)</option>
														<option value="4">盗窃(32)</option>
													</select>
												</div>
											</div>
										</form>
									</div>
									<div class="list-bd">
										<ul class="staff-cells">
											<li class="staff-cell">
												<div class="staff-cell_hd">
													<span class="zkuasgm-icon">&#xe610;<i></i></span>
												</div>
												<div class="staff-cell_bd">
													<span>老地方饭店内发生诈骗案</span>
													<span>广西壮族自治区贺州市平桂区西湾街道西发街60号老地方饭店</span>
												</div>
											</li>
											<li class="staff-cell">
												<div class="staff-cell_hd">
													<span class="zkuasgm-icon">&#xe610;<i></i></span>
												</div>
												<div class="staff-cell_bd">
													<span>老地方饭店内发生诈骗案</span>
													<span>广西壮族自治区贺州市平桂区西湾街道西发街60号老地方饭店</span>
												</div>
											</li>
											<li class="staff-cell">
												<div class="staff-cell_hd">
													<span class="zkuasgm-icon">&#xe610;<i></i></span>
												</div>
												<div class="staff-cell_bd">
													<span>老地方饭店内发生诈骗案</span>
													<span>广西壮族自治区贺州市平桂区西湾街道西发街60号老地方饭店</span>
												</div>
											</li>
											<li class="staff-cell">
												<div class="staff-cell_hd">
													<span class="zkuasgm-icon">&#xe610;<i></i></span>
												</div>
												<div class="staff-cell_bd">
													<span>老地方饭店内发生诈骗案</span>
													<span>广西壮族自治区贺州市平桂区西湾街道西发街60号老地方饭店</span>
												</div>
											</li>
											<li class="staff-cell">
												<div class="staff-cell_hd">
													<span class="zkuasgm-icon">&#xe610;<i></i></span>
												</div>
												<div class="staff-cell_bd">
													<span>老地方饭店内发生诈骗案</span>
													<span>广西壮族自治区贺州市平桂区西湾街道西发街60号老地方饭店</span>
												</div>
											</li>
											<li class="staff-cell">
												<div class="staff-cell_hd">
													<span class="zkuasgm-icon">&#xe610;<i></i></span>
												</div>
												<div class="staff-cell_bd">
													<span>老地方饭店内发生诈骗案</span>
													<span>广西壮族自治区贺州市平桂区西湾街道西发街60号老地方饭店</span>
												</div>
											</li>
											<li class="staff-cell">
												<div class="staff-cell_hd">
													<span class="zkuasgm-icon">&#xe610;<i></i></span>
												</div>
												<div class="staff-cell_bd">
													<span>老地方饭店内发生诈骗案</span>
													<span>广西壮族自治区贺州市平桂区西湾街道西发街60号老地方饭店</span>
												</div>
											</li>
											<li class="staff-cell">
												<div class="staff-cell_hd">
													<span class="zkuasgm-icon">&#xe610;<i></i></span>
												</div>
												<div class="staff-cell_bd">
													<span>老地方饭店内发生诈骗案</span>
													<span>广西壮族自治区贺州市平桂区西湾街道西发街60号老地方饭店</span>
												</div>
											</li>
											<li class="staff-cell">
												<div class="staff-cell_hd">
													<span class="zkuasgm-icon">&#xe610;<i></i></span>
												</div>
												<div class="staff-cell_bd">
													<span>老地方饭店内发生诈骗案</span>
													<span>广西壮族自治区贺州市平桂区西湾街道西发街60号老地方饭店</span>
												</div>
											</li>
										</ul>
									</div>
								</div>
								<div class="btn_box" id="common">
									<fieldset class="layui-elem-field">
										<legend>分类1</legend>
										<div class="layui-row">
											<div class="btn_item layui-col-xs4">
												<div class="grid-btn">
													<span><i class="zkuasgm-icon">&#xe679;</i></span>
												</div>
												<p>wifi探针</p>
											</div>
											<div class="btn_item layui-col-xs4">
												<div class="grid-btn">
													<span><i class="zkuasgm-icon">&#xe666;</i></span>
												</div>
												<p>摄像头</p>
											</div>
											<div class="btn_item layui-col-xs4">
												<div class="grid-btn">
													<span><i class="zkuasgm-icon">&#xe621;</i></span>
												</div>
												<p>PM2.5</p>
											</div>
											<div class="btn_item layui-col-xs4">
												<div class="grid-btn">
													<span><i class="zkuasgm-icon">&#xe851;</i></span>
												</div>
												<p>网格员</p>
											</div>
										</div>
									</fieldset>
		
									<fieldset class="layui-elem-field">
										<legend>分类2</legend>
										<div class="layui-row">
											<div class="btn_item layui-col-xs4">
												<div class="grid-btn">
													<span><i class="zkuasgm-icon">&#xe679;</i></span>
												</div>
												<p>wifi探针</p>
											</div>
											<div class="btn_item layui-col-xs4">
												<div class="grid-btn">
													<span><i class="zkuasgm-icon">&#xe666;</i></span>
												</div>
												<p>摄像头</p>
											</div>
											<div class="btn_item layui-col-xs4">
												<div class="grid-btn">
													<span><i class="zkuasgm-icon">&#xe621;</i></span>
												</div>
												<p>PM2.5</p>
											</div>
											<div class="btn_item layui-col-xs4">
												<div class="grid-btn">
													<span><i class="zkuasgm-icon">&#xe851;</i></span>
												</div>
												<p>网格员</p>
											</div>
											<div class="btn_item layui-col-xs4">
												<div class="grid-btn">
													<span><i class="zkuasgm-icon">&#xe851;</i></span>
												</div>
												<p>网格员</p>
											</div>  
										</div>
									</fieldset>
								</div>
								<div class="btn_box hide" id="maptool">
									<fieldset class="layui-elem-field">
										<div class="layui-row">
											<div class="btn_item layui-col-xs4">
												<div class="grid-btn">
													<span><i class="zkuasgm-icon">&#xe679;</i></span>
												</div>
												<p>线路两旁</p>
											</div>
											<div class="btn_item layui-col-xs4">
												<div class="grid-btn">
													<span><i class="zkuasgm-icon">&#xe666;</i></span>
												</div>
												<p>地点周边</p>
											</div>
											<div class="btn_item layui-col-xs4">
												<div class="grid-btn">
													<span><i class="zkuasgm-icon">&#xe621;</i></span>
												</div>
												<p>任意区域</p>
											</div>
											<div class="btn_item layui-col-xs4">
												<div class="grid-btn">
													<span><i class="zkuasgm-icon">&#xe851;</i></span>
												</div>
												<p>清空所有</p>
											</div>
											<div class="btn_item layui-col-xs4">
												<div class="grid-btn">
													<span><i class="zkuasgm-icon">&#xe851;</i></span>
												</div>
												<p>移除勾画面</p>
											</div>
											<div class="btn_item layui-col-xs4">
												<div class="grid-btn">
													<span><i class="zkuasgm-icon">&#xe851;</i></span>
												</div>
												<p>清晰度</p>
												<section class="hide more-content" >
					                                <div class="searchTool">
					                                    <div class="lodRange-control">
					                                        <div class="definition-box">
					                                            <input type="definition" min="2.5" max="100" step="2.5" data-rangeslider>
					                                        </div>
					                                        <span class="layui-badge-rim definitionoutput">50</span>
					                                    </div>
					                                </div>
					                            </section>
											</div>
											<div class="btn_item layui-col-xs4">
												<div class="grid-btn">
													<span><i class="zkuasgm-icon">&#xe851;</i></span>
												</div>
												<p>测量距离</p>
											</div>
											<div class="btn_item layui-col-xs4">
												<div class="grid-btn">
													<span><i class="zkuasgm-icon">&#xe851;</i></span>
												</div>
												<p>测量面积</p>
											</div>
										</div>
									</fieldset>
									<fieldset class="layui-elem-field">
										<div class="layui-row">
					                        <div class="btn_item layui-col-xs4">
					                            <div class="grid-btn choose-more">
					                                <span><i class="zkuasgm-icon">&#xe7d1;</i></span>
					                            </div>
					                            <p>可视域分析</p>
					                            <section class="hide more-content" >
					                                <div class="searchTool">
					                                    <div class="more-content-item">
					                                        <div class="grid-btn analysis-viewshed">
					                                            <span><i class="zkuasgm-icon">&#xe66e;</i></span>
					                                        </div>
					                                        <p>开始分析</p>
					                                    </div>
					                                    <div class="more-content-item">
					                                        <div class="grid-btn analysis-remove">
					                                            <span><i class="zkuasgm-icon">&#xe612;</i></span>
					                                        </div>
					                                        <p>清除</p>
					                                    </div>
					                                </div>
					                            </section>
					                        </div>
					                        <div class="btn_item layui-col-xs4">
					                            <div class="grid-btn analysis-sightline choose-more">
					                                <span><i class="zkuasgm-icon">&#xe604;</i></span>
					                            </div>
					                            <p>通视分析</p>
					                            <section class="hide more-content" >
					                                <div class="searchTool">
					                                    <div class="more-content-item" style="width: 75px">
					                                        <div class="grid-btn analysis-chooseView">
					                                            <span><i class="zkuasgm-icon">&#xe66e;</i></span>
					                                        </div>
					                                        <p>选取观察位置</p>
					                                    </div>
					                                    <div class="more-content-item">
					                                        <div class="grid-btn analysis-addPoint">
					                                            <span><i class="zkuasgm-icon">&#xe612;</i></span>
					                                        </div>
					                                        <p>添加目标点</p>
					                                    </div>
					                                    <div class="more-content-item">
					                                        <div class="grid-btn analysis-remove">
					                                            <span><i class="zkuasgm-icon">&#xe612;</i></span>
					                                        </div>
					                                        <p>清除</p>
					                                    </div>
					                                </div>
					                            </section>
					                        </div>
					                        <div class="btn_item layui-col-xs4">
					                            <div class="grid-btn choose-more">
					                                <span><i class="zkuasgm-icon">&#xe61d;</i></span>
					                            </div>
					                            <p>清晰度</p>
					                            <section class="hide more-content" >
					                                <div class="searchTool">
					                                	<!--<input type="hidden" class="single-slider"  value="0"/>-->
					                                    <div class="lodRange-control">
					                                        <div class="definition-box">
					                                            <input type="definition" min="2.5" max="100" step="2.5" data-rangeslider>
					                                        </div>
					                                        <span class="layui-badge-rim definitionoutput">50</span>
					                                    </div>
					                                </div>
					                            </section>
					                        </div>
					                    </div>
									</fieldset>
								</div>
							</div>
						</div>
						<!-- 左2 -->
					</div>
					
				</div>
				<!-- leftbox -->
	
				<div class="layui-col-md9 r-box" id="move-right">
					<div class="layui-row grid-demo">
						<div class="" >
							<span><i class="zkuasgm-icon toggleMenu" data-state="1">&#xe9be;</i></span>
						</div>
						<div class="layui-col-md12" id="r-title">
					        <div class="layui-row layui-col-space5 countboxs">
							  	<div>
							  		<ul>
							  			<li><span><i class="zkuasgm-icon bg1">&#xe6e5;</i>当日结办<i class="number">(131)</i></span></li>
							  			<li><span><i class="zkuasgm-icon bg2">&#xe64b;</i>累计事件<i class="number">(131)</i></span></li>
							  			<li><span><i class="zkuasgm-icon bg3">&#xe616;</i>实有房屋<i class="number">(131)</i></span></li>
							  			<li><span><i class="zkuasgm-icon bg4">&#xe61b;</i>累计出租屋<i class="number">(131)</i></span></li>
							  			<li><span><i class="zkuasgm-icon bg5">&#xe7e1;</i>当日采集<i class="number">(131)</i></span></li>
							  			<li><span><i class="zkuasgm-icon bg6">&#xe6e6;</i>累计排查<i class="number">(131)</i></span></li>
							  		</ul>
							  	</div>
							  	<div class="btn-box">
							  		<button class="layui-btn" target-name="incident" name="事件"><i class="zkuasgm-icon">&#xe64b;</i>事件<i class="tip">12</i></button>
							  		<button class="layui-btn" target-name="monitor" name="摄像头"><i class="zkuasgm-icon">&#xe666;</i>摄像头<i class="tip bg1">5</i></button>
							  		<button class="layui-btn" target-name="internet" name="物联网"><i class="zkuasgm-icon">&#xe7b2;</i>物联网<i class="tip bg3">8</i></button>
							  	</div>
							</div>
				        </div>
						<div class="layui-col-md12 b-map-box" id="r-map">
							<div class="grid-demo grid-demo-bg3">
								<div id="allmap"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	
		<section class="hide" id="incident">
			<div class="layui-card">
				<div class="layui-card-body layadmin-takerates">
					<div class="layui-text">
						<ul>
							<li>
								<a href="javascript:;">中山“3·28”招商招才盛会引海内外主流媒体深度主流媒体...</a>
							</li>
							<li>
								<a href="javascript:;">南部组团创新创业项目路演会暨坦洲镇第四届创新创</a>
							</li>
							<li>
								<a href="javascript:;">市政协召开十二届第六次常委会</a>
							</li>
							<li>
								<a href="javascript:;">电子科大中山学院第三次党代会明确提出2025年建...</a>
							</li>
							<li>
								<a href="javascript:;">中山成为全省4K电视网络应用试点示范城市</a>
							</li>
							<li>
								<a href="javascript:;">《中山市城市设计管理规定（试行）》公示并征求意见</a>
							</li>
							<li>
								<a href="javascript:;">市工商局负责人做客“周五民声直播室”</a>
							</li>
							<li>
								<a href="javascript:;">我市从源头缓解幼儿园教师学历不高现状</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</section>
		<section class="hide">
			<div id="monitor">
				<div class="layui-row">
					<div class="layui-col-xs4">
						<div class="grid-demo grid-demo-bg1">
							<img class="img" src="../../public/res/images/mir1.jpeg" />
						</div>
					</div>
					<div class="layui-col-xs4">
						<div class="grid-demo">
							<img class="img" src="../../public/res/images/mir2.jpeg" />
						</div>
					</div>
					<div class="layui-col-xs4">
						<div class="grid-demo grid-demo-bg1">
							<img class="img" src="../../public/res/images/mir3.jpg" />
						</div>
					</div>
				</div>
				<div class="layui-row">
					<div class="layui-col-xs4">
						<div class="grid-demo grid-demo-bg1">
							<img class="img" src="../../public/res/images/mir4.jpg" />
						</div>
					</div>
					<div class="layui-col-xs4">
						<div class="grid-demo">
							<img class="img" src="../../public/res/images/mir5.jpg" />
						</div>
					</div>
					<div class="layui-col-xs4">
						<div class="grid-demo grid-demo-bg1">
							<img class="img" src="../../public/res/images/mir6.jpg" />
						</div>
					</div>
				</div>
				<div class="layui-row">
					<div class="layui-col-xs4">
						<div class="grid-demo grid-demo-bg1">
							<img class="img" src="../../public/res/images/mir7.jpg" />
						</div>
					</div>
					<div class="layui-col-xs4">
						<div class="grid-demo">
							<img class="img" src="../../public/res/images/mir8.jpg" />
						</div>
					</div>
					<div class="layui-col-xs4">
						<div class="grid-demo grid-demo-bg1">
							<img class="img" src="../../public/res/images/mir9.jpg" />
						</div>
					</div>
				</div>
			</div>
		</section>
	
		<section class="hide"  id="searchTool">
		    <div class="searchTool">
		        <div class="search bar3">
		            <form style="width: 100%;">
		                <input type="text" placeholder="请输入您要搜索的内容...">
		                <button type="submit"><i class="layui-icon">&#xe615;</i></button>
		            </form>
		        </div>
		        <div class="layui-row">
		            <div class="layui-col-xs3">
		                <div class="grid-btn">
		                    <span><i class="zkuasgm-icon">&#xe66e;</i></span>
		                </div>
		                <p>任意区域</p>
		            </div>
		            <div class="layui-col-xs3">
		                <div class="grid-btn">
		                    <span><i class="zkuasgm-icon">&#xe612;</i></span>
		                </div>
		                <p>清空所有</p>
		            </div>
		        </div>
		    </div>
		</section>
		<div class="fullScreenBtn">
			<a href="####" title="全屏"><i class="zkuasgm-icon">&#xe605;</i></a>
		</div>
	</body>
<script src="../../layuiadmin/layui/layui.js"></script>
<script>
layui.config({
	base: '../../layuiadmin/' //静态资源所在路径
}).extend({
	index: 'lib/index' //主入口模块
}).use(['index', 'pgis']);
</script>
</html>
